<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="keywords" content="华翰科技官网" />
    <meta name="description" content="赋能教育数字化" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/font/stylesheet.css" />
    <link rel="stylesheet" href="./css/header.css" />
    <link rel="stylesheet" href="./css/footer.css" />
    <link rel="stylesheet" href="./css/brandDynamic.css" />
    <link rel="stylesheet" href="./js/wow.js/css/libs/animate.css" />
    <link rel="stylesheet" href="./css/flex.css" />
    <link rel="stylesheet" href="./js/pagination/pagination.css" />
    <title>华翰科技</title>
</head>

<body>
    <header class="header">
        <div class="header-top">
            <div class="logo">
                <img src="./image/logo.png" alt="" />
            </div>
            <ul class="nav">
                <li class="nav-item">
                    <a href="#">首页</a>
                </li>
                <li class="nav-item">
                    <a class="arrow" href="#">教育数字化产品与服务</a>
                    <ul class="sub-nav">
                        <li><a href="">必过OEM数字化平台</a></li>
                        <li><a href="">全科目数字化课程产品</a></li>
                        <li><a href="">E校通教育与知识数字化工具</a></li>
                        <li><a href="">教育数字化管理系统</a></li>
                        <li><a href="">CRM数字化营销系统</a></li>
                        <li><a href="">学员数字化学习服务</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="arrow" href="#">行业解决方案</a>
                    <ul class="sub-nav">
                        <li><a href="./solution.html#tab1">职业资格证</a></li>
                        <li><a href="#tab2">学历教育</a></li>
                        <li><a href="#tab3">教育机构</a></li>
                        <li><a href="#tab4">企业大学</a></li>
                        <li><a href="#tab5">知识付费</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="arrow" href="#">关于华翰</a>
                    <ul class="sub-nav">
                        <li><a href="">华翰故事</a></li>
                        <li><a href="">品牌动态</a></li>
                        <li>
                            <a href="">联系我们</a>
                        </li>
                        <li>
                            <a href="">帮助中心</a>
                            <ul class="sub2-nav">
                                <li><a href="">必过帮助</a></li>
                                <li><a href="">E校通帮助</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="action">
                <div class="btn btn-login">登录</div>
                <div class="btn btn-try">试用</div>
            </div>
        </div>
        <div class="bg-container"></div>
    </header>
    <div class="nav-list flex-center2">
        <div class="list-item  flex-center2 ">
            华翰故事
        </div>
        <div class="list-item  flex-center2 active">
            品牌动态
        </div>
        <div class="list-item  flex-center2">
            联系我们
        </div>
        <div class="list-item  flex-center2">
            帮助中心
        </div>
    </div>
    <div class="container flex-center">
        <div class="sub-list">
            <div class="sub-item active">
                <a href="">官方动态</a>
            </div>
            <div class="sub-item">
                <a href="">教培智库</a>
            </div>
            <div class="sub-item">
                <a href="">产品更新</a>
            </div>
        </div>
        <div class="content">
            <div class="content-new flex">
                <div class="new-left">
                    <img src="./image/new-img.png" alt="2019年初级会计职称报名时间为11月1日至30日">
                </div>
                <div class="new-right">
                    <div class="new-title">2019年初级会计职称报名时间为11月1日至30日</div>
                    <div class="new-description">
                        经财政部、人力资源和社会保障部研究决定，2019年度全国会计专业技术初级资格考试（以下简称初级资格考试）采用无纸化方式，于2019年5月举行。现就2019年度初级资格考试考务日程安排及有关事项通知.
                    </div>
                    <div class="new-date">2018-11-12 09:27:53</div>
                </div>
            </div>
            <div class="content-new flex">
                <div class="new-left">
                    <img src="./image/new-img.png" alt="2019年初级会计职称报名时间为11月1日至30日">
                </div>
                <div class="new-right">
                    <div class="new-title">2019年初级会计职称报名时间为11月1日至30日</div>
                    <div class="new-description">
                        经财政部、人力资源和社会保障部研究决定，2019年度全国会计专业技术初级资格考试（以下简称初级资格考试）采用无纸化方式，于2019年5月举行。现就2019年度初级资格考试考务日程安排及有关事项通知.
                    </div>
                    <div class="new-date">2018-11-12 09:27:53</div>
                </div>
            </div>
            <div class="content-new flex">
                <div class="new-left">
                    <img src="./image/new-img.png" alt="2019年初级会计职称报名时间为11月1日至30日">
                </div>
                <div class="new-right">
                    <div class="new-title">2019年初级会计职称报名时间为11月1日至30日</div>
                    <div class="new-description">
                        经财政部、人力资源和社会保障部研究决定，2019年度全国会计专业技术初级资格考试（以下简称初级资格考试）采用无纸化方式，于2019年5月举行。现就2019年度初级资格考试考务日程安排及有关事项通知.
                    </div>
                    <div class="new-date">2018-11-12 09:27:53</div>
                </div>
            </div>
            <div class="content-new flex">
                <div class="new-left">
                    <img src="./image/new-img.png" alt="2019年初级会计职称报名时间为11月1日至30日">
                </div>
                <div class="new-right">
                    <div class="new-title">2019年初级会计职称报名时间为11月1日至30日</div>
                    <div class="new-description">
                        经财政部、人力资源和社会保障部研究决定，2019年度全国会计专业技术初级资格考试（以下简称初级资格考试）采用无纸化方式，于2019年5月举行。现就2019年度初级资格考试考务日程安排及有关事项通知.
                    </div>
                    <div class="new-date">2018-11-12 09:27:53</div>
                </div>
            </div>
            <div class="content-new flex">
                <div class="new-left">
                    <img src="./image/new-img.png" alt="2019年初级会计职称报名时间为11月1日至30日">
                </div>
                <div class="new-right">
                    <div class="new-title">2019年初级会计职称报名时间为11月1日至30日</div>
                    <div class="new-description">
                        经财政部、人力资源和社会保障部研究决定，2019年度全国会计专业技术初级资格考试（以下简称初级资格考试）采用无纸化方式，于2019年5月举行。现就2019年度初级资格考试考务日程安排及有关事项通知.
                    </div>
                    <div class="new-date">2018-11-12 09:27:53</div>
                </div>
            </div>
            <div class="content-new flex">
                <div class="new-left">
                    <img src="./image/new-img.png" alt="2019年初级会计职称报名时间为11月1日至30日">
                </div>
                <div class="new-right">
                    <div class="new-title">2019年初级会计职称报名时间为11月1日至30日</div>
                    <div class="new-description">
                        经财政部、人力资源和社会保障部研究决定，2019年度全国会计专业技术初级资格考试（以下简称初级资格考试）采用无纸化方式，于2019年5月举行。现就2019年度初级资格考试考务日程安排及有关事项通知.
                    </div>
                    <div class="new-date">2018-11-12 09:27:53</div>
                </div>
            </div>
            <div class="content-new flex">
                <div class="new-left">
                    <img src="./image/new-img.png" alt="2019年初级会计职称报名时间为11月1日至30日">
                </div>
                <div class="new-right">
                    <div class="new-title">2019年初级会计职称报名时间为11月1日至30日</div>
                    <div class="new-description">
                        经财政部、人力资源和社会保障部研究决定，2019年度全国会计专业技术初级资格考试（以下简称初级资格考试）采用无纸化方式，于2019年5月举行。现就2019年度初级资格考试考务日程安排及有关事项通知.
                    </div>
                    <div class="new-date">2018-11-12 09:27:53</div>
                </div>
            </div>
            <div class="content-new flex">
                <div class="new-left">
                    <img src="./image/new-img.png" alt="2019年初级会计职称报名时间为11月1日至30日">
                </div>
                <div class="new-right">
                    <div class="new-title">2019年初级会计职称报名时间为11月1日至30日</div>
                    <div class="new-description">
                        经财政部、人力资源和社会保障部研究决定，2019年度全国会计专业技术初级资格考试（以下简称初级资格考试）采用无纸化方式，于2019年5月举行。现就2019年度初级资格考试考务日程安排及有关事项通知.
                    </div>
                    <div class="new-date">2018-11-12 09:27:53</div>
                </div>
            </div>
            <div class="content-new flex">
                <div class="new-left">
                    <img src="./image/new-img.png" alt="2019年初级会计职称报名时间为11月1日至30日">
                </div>
                <div class="new-right">
                    <div class="new-title">2019年初级会计职称报名时间为11月1日至30日</div>
                    <div class="new-description">
                        经财政部、人力资源和社会保障部研究决定，2019年度全国会计专业技术初级资格考试（以下简称初级资格考试）采用无纸化方式，于2019年5月举行。现就2019年度初级资格考试考务日程安排及有关事项通知.
                    </div>
                    <div class="new-date">2018-11-12 09:27:53</div>
                </div>
            </div>
            <div id="pager" class="pagination clearfix"></div>
        </div>
    </div>
    <footer class="footer">
        <div class="footer-container">
            <div class="footer-wrapper">
                <div class="wrapper-item">
                    <div class="title">教育数字化解决方案</div>
                    <ul>
                        <li><a href="">必过OEM数字化平台</a></li>
                        <li><a href="">全科目数字化课程解决方案</a></li>
                        <li><a href="">E校通教育与知识数字化解决方案</a></li>
                        <li><a href="">教务数字化管理解决方案</a></li>
                        <li><a href="">CRM数字化营销解决方案</a></li>
                        <li><a href="">学员数字化学习解决方案</a></li>
                    </ul>
                </div>
                <div class="wrapper-item">
                    <div class="title">行业解决方案</div>
                    <ul>
                        <li><a href="">职业资格证</a></li>
                        <li><a href="">学历教育</a></li>
                        <li><a href="">教育机构</a></li>
                        <li><a href="">企业大学</a></li>
                        <li><a href="">知识付费</a></li>
                    </ul>
                </div>
                <div class="wrapper-item">
                    <div class="title">关于华翰</div>
                    <ul>
                        <li><a href="">品牌故事</a></li>
                        <li><a href="">品牌动态</a></li>
                        <li class="hasChild">
                            <a href="">联系我们</a>
                            <span class="child">必过帮助中心</span>
                            <span class="child">E校通帮助中心</span>
                        </li>
                    </ul>
                </div>
                <div class="wxcode">
                    <img src="./image/service.png" alt="华翰科技官方服务号">
                    <span>华翰科技官方服务号</span>
                </div>
                <div class="wxcode">
                    <img src="./image//subscription.png" alt="华翰科技官方订阅号">
                    <span>华翰科技官方订阅号</span>
                </div>
                <div class="phone">
                    <div class="number">400-001-5920</div>
                    <span>全国免费咨询服务热线</span>
                </div>
            </div>
            <div class="hr"></div>
            <div class="footer-bottom">
                <div class="address">总部地址：广东省广州市高新技术开发区科汇金谷四街11号9层</div>
                <div class="service-center">全国营销服务中心：广州、深圳、北京、上海、苏州、南京、宁波、杭州、济南、天津、合肥、郑州、石家庄、武汉、长沙、成都、重庆、昆明、西安、南宁</div>
                <ul class="copyright">
                    <li><a href="http://www.huahanedu.cn/cert-c.html" target="_blank">增值电信业务经营许可</a></li>
                    <li><a href="http://www.huahanedu.cn/cert-a.html" target="_blank">广播电视节目经营许可</a></li>
                    <li><a href="http://www.huahanedu.cn/cert-b.html" target="_blank">网络安全等级保护许可 </a></li>
                    <li><a href="http://www.huahanedu.cn/cert-d.html" target="_blank">营业执照</a></li>
                    <li><a href="http://beian.miit.gov.cn" target="_blank">CIP备案号 13083939号</a></li>
                    <li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011202000209"
                            target="_blank">公安备号 44011202000209号</a></li>
                </ul>
            </div>
        </div>
        <div class="bottom">&#169 2013-2021 必过在线教育OEM ALL RIGHTS RESERVED. 广州华翰教育科技有限公司 版权所有</div>
    </footer>
    <div class="fixed-container">
        <div class="fixed-wrapper">
          <div class="fixed-hover fixed-item" id="consult">
            <img src="./image/customer/comment.png" alt="在线咨询">
            <span>在线咨询</span>
          </div>
          <div class="fixed-hover fixed-item">
            <a class="flex-column-center" href="">
              <img src="./image/customer/file_done.png" alt="获取方案">
              <span>获取方案</span>
            </a>
          </div>
          <div class="fixed-hover fixed-item show-phone">
            <img src="./image/customer/phone.png" alt="咨询电话">
            <span>咨询电话</span>
            <div class="consult-phone">400-001-5920（转）1</div>
          </div>
          <div class="fixed-item toTop">
            <img src="./image/customer/triangle.png" alt="TOP">
            <span>TOP</span>
          </div>
        </div>
      </div>
    <script src="./js/wow.js/dist/wow.min.js"></script>
    <script src="./js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
    <script src="./js/pagination/pagination.js"></script>
    <script src="./js/fixed.js"></script>
    <script type="text/javascript">
        // 一级下拉
        $('.nav .nav-item').each(function (index, item) {
            $(item).hover(
                function () {
                    //  添加active
                    $(item).addClass('active').siblings().removeClass('active')
                    // 展开一级下拉
                    if ($(item).children('.sub-nav')) {
                        $(item).children('.sub-nav').stop().slideDown()
                    }
                },
                function () {
                    $(item).removeClass('active')
                    if ($(item).children('.sub-nav')) {
                        $(item).children('.sub-nav').stop().slideUp()
                    }
                }
            )
        })

        // 二级下拉
        $('.sub-nav li').each(function (index, item) {
            if ($(item).children('.sub2-nav').length > 0) {
                $(item).hover(function () {
                    $(item).children('.sub2-nav').stop().slideToggle()
                })
            }
        })

        new Page({
            id: 'pager',
            curPage: 1, //初始页码
            pageTotal: 50, //总页数
            pageAmount: 10, //每页多少条
            dataTotal: 500, //总共多少条数据
            pageSize: 5, //可选,分页个数
            showPageTotalFlag: false, //是否显示数据统计
            showSkipInputFlag: true, //是否支持跳转
            getPage: function (page) {
                //获取当前页数
                console.log(page);
            }
        })

    </script>
</body>

</html>